module.exports = {
	//webpack中针对开发服务器的配置
    // 开发服务器设置
    devServer: {
		//设置项目启动后是否自动打开浏览器
        open: false,
        // 设置 npm run serve 启动后的端口号
		//不要超过端口设置允许范围 0-65535
		//避开常见端口号：20,21,22,23,24,25,80,443,3306,3389,11211,27017
        port: 3333,
        // 如果你开始了eslint,不要让eslint在页面中遮罩，它错误会在console.log控制台打印
        overlay: false,
        // vue项目代理请求
        proxy: {
            // 规则
			//规则可以是多套
			//每套规则的属性名是一个标识符
			//在一个项目中肯能会有多套服务商提供的不同接口，我们需要有多套代理规则
            // axios中相对地址开头的字符串  匹配请求uri中的前几位
            "/api": {
                // 把相对地址中的域名 映射到 目标地址中
                // localhost:3000 => https://api.iynn.cn/film/api/v1/
                target: "https://api.iynn.cn/film/api/v1",
                // 修改host请求的域名为目标域名
                // changeOrigin: false,
                changeOrigin: true,
                // 请求uri和目标uri有一个对应关系
                // 请求/api/login ==> 目标 /v1/api/login
                pathRewrite: {
                    "^/api": "",
                },
            },
			// "/aliyun":{
			// 	//这里是请求阿里云接口的代理规则
				
			// },
			// "/baidu":{
			// 	//这里是请求百度接口的代理规则
			// },
			// "/jd":{
			// 	//这里是请求京东接口的代理规则
			// },
			
			//例子：$.get("/aliyun/get/money");
			//就会匹配阿里云接口的代理规则
			//根据请求地址的第一段路径决定是否走代理和走哪个代理
        },
    },
};